.content {
  display: flex;
  flex-flow: row;
  height: calc(100vh - 35px);
  .sidebar {
    flex: 0 0 200px;
    width: 200px;
    overflow-y: auto;
    .group-title {
      color: #3f3f3f;
    }
    .ant-collapse {
      border: none;
      &-header {
        border: none;
      }
      &-item {
        border-radius: 0;
      }
      &-content {
        border-radius: 0;
      }
      &-content-box {
        padding: 0;
      }
    }
    .element {
      &:hover {
        background-color: #f9f9f9;
      }
      padding: 5px 0 5px 10px;
      cursor: pointer;
      border-bottom: 1px solid #ececec;
      &:last-child {
        border-bottom: none;
      }
    }
  }
  .sidebar-panel-button {
    flex: 0 0 15px;
    width: 15px;
    background-color: #f3f3f3;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
  }
  .editor {
    flex: auto;
    padding: 20px 10px 10px 10px;
    overflow-y: scroll;
    height: 100%;
  }
}
